
$menuBg:rgba(0,0,0,0);
$menuText:#bfcbd9;
$menuActiveText:#e6c403;
$menuHoverActiveText:#135400;
$iconColor:#fff;


#app {
    .theme1 {
        // background: linear-gradient(115deg, #104102, #0D3501);
        background: url(../assets/theme_images/themeNavBg.png) no-repeat center;
        .navBarBg{
            width: 100%;
            height: 100%;
            background: url(../assets/theme_images/theme1TopBg.png) no-repeat center;
        }
        // logobgcolor 
        .sidebar-logo-container {
            // background: linear-gradient(245deg, #104102, #0D3501);
        }

        // menu hover
        .submenu-title-noDropdown,
        .el-submenu__title {
            &:hover {
                background-color: $menuHoverActiveText !important;
            }
        }

        .is-active>.el-submenu__title {
            color: #f4f4f5 !important;
        }
        li.el-menu-item.is-active {
            border-left: 4px solid $menuActiveText;
            border-radius: 3px;
            // background-color: #edfdf6 !important;
        }
        & .nest-menu .el-submenu>.el-submenu__title,
        & .el-submenu .el-menu-item {
            background-color: #00000000 !important;

            &:hover {
                background-color: $menuHoverActiveText !important;
            }
        }

        .el-menu--vertical {

            .nest-menu .el-submenu>.el-submenu__title,
            .el-menu-item {
                &:hover {
                    // you can use $subMenuHover
                    background-color: $menuHoverActiveText !important;

                }
            }
        }

        .icon-shuaxin1,.fullscreen,.icon-fontsize {
            color: $iconColor !important;
        }
    
        .header-search .normal,.nameName,.el-breadcrumb__inner a,.el-icon-caret-bottom {
            color: $iconColor;
        }

        .hamburger{
            fill: $iconColor;
        }
    }

}



:export {
    menuBg:$menuBg;
    menuText:$menuText;
    menuActiveText:$menuActiveText;
}